.switch {
    border: solid 5px #dbdbdb;
    height: 40px;
    width: 80px;
    border-radius: 50px;
    float: right;
    position: relative;
    top: 19px;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    &-child {
        width: 40px;
        height: 100%;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 1px 6px #000;
        position: relative;
        left: 0;
        transition: left .5s;
        z-index: 2;
    }
    &-bg {
        position: absolute;
        left: 0;
        top: -1px;
        z-index: 1;
        height: 100%;
        width: 0px;
        transition: width .5s;
    }

    &-right {
        left: 40px;
    }
    &-w80 {
        width: 80px;
    }
}